<title></title>
<link rel="stylesheet" href="../assets/css/datepicker.css"/>
<!-- ajax layout which only needs content area -->
<div class="row">
  <div class="col-sm-12">
    <div class="tabbable">
      <ul class="nav nav-tabs" id="myTab">
        <li class="active">
          <a data-toggle="tab" href="#baseInfo">
            <i class="green ace-icon fa fa-home bigger-120"></i>
            基本信息
          </a>
        </li>
        <li>
          <a data-toggle="tab" href="#passengerList">
            <i class="green ace-icon fa fa-users bigger-120"></i>
            旅客信息
          </a>
        </li>
      </ul>

      <div class="tab-content clearfix">
        <div id="baseInfo" class="tab-pane fade in active">
          <div class="col-xs-6">
            <!-- PAGE CONTENT BEGINS -->
            <form class="form-horizontal" role="form">
              <!-- #section:elements.form -->
              <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="buserName"> 用户姓名</label>
                <div class="col-sm-6">
                  <input type="text" id="buserName" placeholder="用户姓名" class="col-xs-12 col-sm-12"/>
                </div>
                <label class="col-sm-3 error" for="buserName"></label>
              </div>
              <div class="space-4"></div>
              <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="buserCertType"> 用户证件类型</label>
                <div class="col-sm-6">
                  <select class="form-control" id="buserCertType">
                    <option value="1">身份证</option>
                  </select>
                </div>
              </div>
              <div class="space-4"></div>
              <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="buserCertNo"> 用户证件号码</label>
                <div class="col-sm-6">
                  <input type="text" id="buserCertNo" placeholder="用户证件号码" class="col-xs-12 col-sm-12"/>
                </div>
                <label class="col-sm-3 error" for="buserCertNo"></label>
              </div>

              <div class="space-4"></div>

              <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="buserMobile"> 手机号</label>
                <div class="col-sm-6">
                  <input type="text" id="buserMobile" placeholder="手机号" class="col-xs-12 col-sm-12"/>
                </div>
                <label class="col-sm-3 error" for="buserMobile"></label>
              </div>
              <div class="space-4"></div>
              <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="buserEmail"> 邮箱</label>
                <div class="col-sm-6">
                  <input type="email" id="buserEmail" placeholder="邮箱" class="col-xs-12 col-sm-12"/>
                </div>
                <label class="col-sm-3 error" for="buserEmail"></label>
              </div>
              <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="buserAddress"> 用户地址</label>
                <div class="col-sm-9">
                  <textarea id="buserAddress" placeholder="用户地址" class="col-xs-8 col-sm-8"/>
                </div>
              </div>
              <div class="space-4"></div>

              <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="buserSex"> 性别</label>
                <div class="col-sm-9" id="buserSex">
                  <div class="radio col-sm-4">
                    <label>
                      <input name="sex" type="radio" value="0" class="ace">
                      <span class="lbl">未知</span>
                    </label>
                  </div>
                  <div class="radio col-sm-4">
                    <label>
                      <input name="sex" type="radio" value="1" class="ace">
                      <span class="lbl">男</span>
                    </label>
                  </div>
                  <div class="radio col-sm-4">
                    <label>
                      <input name="sex" type="radio" value="2" class="ace">
                      <span class="lbl">女</span>
                    </label>
                  </div>
                </div>
              </div>
            </form>
          </div>
          <div class="col-xs-6 hide">
            <form class="form-horizontal" role="form">
              <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="buserIsMember"> 是否会员</label>
                <div class="col-sm-9" id="buserIsMember">
                  <div class="radio col-sm-4">
                    <label>
                      <input name="buserIsMember" type="radio" value="1" class="ace">
                      <span class="lbl">是</span>
                    </label>
                  </div>
                  <div class="radio col-sm-4">
                    <label>
                      <input name="buserIsMember" checked type="radio" value="0" class="ace">
                      <span class="lbl">不是</span>
                    </label>
                  </div>
                </div>
              </div>
              <div class="space-4"></div>


              <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right no-padding-top"> 会员等级</label>
                <div class="col-sm-9">
                  <div class="rating inline" id="buserMemberGrade"></div>
                </div>
              </div>
              <div class="space-4"></div>
              <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="buserScore"> 会员积分</label>
                <div class="col-sm-9">
                  <input type="text" id="buserScore" placeholder="用户积分" class="col-xs-8 col-sm-8" readonly/>
                </div>
              </div>
              <div class="space-4"></div>

              <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="buserExpireDate"> 会员到期日</label>
                <div class="col-sm-6">
                  <div class="input-group">
                    <input class="form-control date-picker" id="buserExpireDate" placeholder="会员到期日" type="text"
                           data-date-format="yyyy-mm-dd"/>
                    <span class="input-group-addon">
              <i class="fa fa-calendar bigger-110"></i>
						</span>
                  </div>
                </div>
              </div>
              <div class="space-4"></div>

              <div class="form-group">
                <div class="col-sm-3"></div>

                <div class="col-sm-6 no-padding">
                  <div class="uploader-container">
                    <!--头部，相册选择和格式选择-->
                    <div class="uploader">
                      <div class="queueList center center-block">
                        <div class="placeholder dndArea">
                          <img class="mainImg" src=" " alt="">
                        </div>
                        <div class="webuploader-pick" id="webuploader-pick">点击选择主图</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </form>
          </div><!-- /.col -->
          <div class="col-xs-12">
            <div class="form-actions col-xs-6 center">
              <button class="btn btn-success btn-ok" id="update">
                <i class="ace-icon fa fa-check"></i>
                提交
              </button>
            </div>
          </div>
        </div>
        <div id="passengerList" class="tab-pane fade">
          <div class="list col-sm-12">
            <table id="passengerListTable" class="table table-striped table-bordered table-hover">
              <thead>
              <tr>
                <th class="hidden-480">姓名</th>
                <th class="hidden-480">类型</th>
                <th class="hidden-480">证件类型</th>
                <th class="hidden-480">证件号</th>
                <th class="hidden-480">操作</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td class="hidden-480"><input type="text" value="李三省"></td>
                <td class="hidden-480"><select name="">
                  <option value="1">成人</option>
                  <option value="2">儿童</option>
                  <option value="3">老年人</option>
                </select></td>
                <td class="hidden-480">
                  <select name="">
                    <option value="1">身份证</option>
                  </select>
                </td>
                <td class="hidden-480"><input type="text" value="412701198906203031"></td>
                <td class="hidden-480"><span class="btn btn-sm btn-danger">删除</span> <span
                  class="btn btn-sm btn-primary">更新</span></td>
              </tr>

              </tbody>
            </table>
          </div>
          <div class="col-xs-12">
            <div class="form-actions col-xs-12 center">
              <button class="btn btn-success btn-ok" id="addPassengerInfo">
                <i class="ace-icon glyphicon glyphicon-plus"></i>
                添加常用旅客
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div><!-- /.row -->
</div>
<div class="hr hr-18 dotted hr-double"></div>
<script src="../public/javascripts/scripts/biuser/edit.js">
